@use "design-system";

.onboarding-metametrics {
  @include design-system.screen-sm-min {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
  }

  &__checkbox-label {
    cursor: pointer;
    width: 100%;
  }

  &__checkbox {
    cursor: pointer;
  }

  &__checkbox-disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }

  &__user-control {
    height: 175px;
    width: 200px;
    margin: 0 auto;
  }

  p {
    align-self: baseline;
  }

  ul {
    margin: 16px 0 0 0;
    width: 100%;
  }

  &__terms {
    border-top: 1px solid var(--color-border-muted);

    a {
      color: var(--color-primary-default);
    }
  }
}
